<template>
    <div>
        <common-banner name="关于我们" :breads="breads"></common-banner>
        <inner-menu :menus="menus" parent="about"></inner-menu>
        <div class="page-center">
            <router-view></router-view>
        </div>
    </div>
</template>
<script setup>
import { ref } from 'vue'
import router from '@/router/index'
import CommonBanner from '@/components/CommonBanner.vue'
import InnerMenu from '@/components/home/InnerMenu.vue'
const menus = ref([
    { name: 'aboutus', label: '公司简介' },
    { name: 'team', label: '技术团队' },
    { name: 'achievement', label: '研发成果' },
])
const breads = ref([])
router.onReady(() => {
    document.title = router.currentRoute.meta.title
    const currentMenu = menus.value.find((item) => item.name === router.currentRoute.name)
    breads.value.push({ ...currentMenu, to: false })
})
</script>
<style lang="scss"></style>
